<template>
  <div @click="btnclick" class="check-button" :class="{checked: isChecked}">
    <img src="@/assets/img/cart/tick.svg" alt />
  </div>
</template>

<script>
export default {
  name: "check-button",
  //   data() {
  //     return {
  //       isChecked: true
  //     };
  //   },
  props: {
    isChecked: {
      type: Boolean,
      default: true
    }
  },
  methods: {
    btnclick() {
      //   this.isChecked = !this.isChecked;
    }
  }
};
</script>

<style scoped>
.check-button {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
}
.check-button.checked {
  background: var(--color-tint);
}
.check-button img {
  display: block;
  width: 100%;
  height: 100%;
}
</style>